<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-1.8.3.js"></script>

</head>

<body>
    <p id="ganfan_id" class="ganfan_class">我能去你家干饭吗？就一碗！</p>
    <button id="btn" onclick="doClick()">干饭！</button>
    <script>
        // document.ready() 在网页完全加载后才会执行
        $(document).ready(function() {
            $("#btn").click(function() {
                // $("p").html("我能去你家<b>干饭</b>吗？就一碗！<br>来吧，干饭去！");
                // $("#ganfan_id").append("去哪里干饭？");
                $(".ganfan_class").after("沙县大酒店！");

                // 设置1个css属性
                $(".ganfan_class").css("color", "blue");
                // 设置多个css属性
                $(".ganfan_class").css({
                    "color": "red",
                    "font-size": "30px"
                });
            });


        });


        function doClick() {

        }
    </script>

</body>

</html>